<template>
	<view class="passenger-flow">
		<!-- <view class=""
			style="width: 100%;height: 180rpx;background-color: #fff;position: relative;top: 0;z-index: 999;">
			<view class="con-1">
				<view class="bg">
					<view class="address">
						<view class="flex-space-between">
							<view class="flex-align">
								<van-image v-if="itemChooselist.venue_thumb != ''" width="74rpx" height="74rpx"
									radius="2" style="margin-right: 10rpx;" :src="itemChooselist.venue_thumb" />
								<van-image v-else width="74rpx" height="74rpx" radius="10rpx" fit="cover" style="margin-right: 10rpx;" src="https://img.yzcdn.cn/vant/cat.jpeg" />
								<view>
									<view class="address-name">{{itemChooselist.venue_name}}</view>
									<view class="address-desc">地址:{{itemChooselist.address}}</view>
								</view>
							</view>
							<view class="exchange flex-center flex-column " @click="show_no">
								<van-icon name="exchange" size="16" />
								切换
							</view>
						</view>
					</view>
				</view>
			</view>
		</view> -->
		<view class="box_9">
			<view class="box_11">
				<view class="image-wrapper_7">
					<u-search @search="search" @custom="search" placeholder="搜索" :showAction="false"
						v-model="searchKey">
					</u-search>
				</view>
				<!-- <view class="label_list" @click="tianjiaclick">
					<image
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0555f554c12d0d628b0e4e3e90147966755aa715.png"
						class="label_7"></image>
					<view class="label_77">
						添加
					</view>
				</view> -->
				<view class="label8_list" @click="dropdownclick">
					<image
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/a0caafa1d0f5c11490a41f203aab143debf439d6.png"
						class="label_8"></image>
					<view class="label_88">
						筛选
					</view>
				</view>
			</view>

			<view class="" style="margin-top: 100rpx;" v-if="type == ''">
				<u-sticky>
					<u-tabs :list="tabsList" lineColor="#FF4040" :activeStyle="{
									color: '#000000'
								}" :inactiveStyle="{
									color: '#353535'
								}" :lineWidth="30" :current="currentTab" @click="onClickTab" />
				</u-sticky>
			</view>

			<view class="" style="margin-top: 100rpx;" v-if="type == 1">
				<u-sticky>
					<u-tabs :list="tabsList_s" lineColor="#FF4040" :activeStyle="{
									color: '#000000'
								}" :inactiveStyle="{
									color: '#353535'
								}" :lineWidth="30" :current="current_Tab" />
				</u-sticky>
			</view>

			<!-- 会员管理 -->
			<scroll-view scroll-y="true" style="width: 100%;height: 72vh;overflow: hidden;"
				v-if="currentTab == 0">
				<view class="section_5" v-for="(item,index) in 4" :key="index">
					<view class="single-avatar_1">
						<image
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/45/9e19f395e62069d85a20ffe52d0192.jpg?attname=%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230425084656.jpg"
							mode=""></image>
					</view>
					<view class="group_5">
						<view class="box_1">
							<text lines="1" class="text_8">悠然苑</text>
							<view class="tag_1">
								<text lines="1" class="text_9">黄金会员</text>
							</view>
						</view>
						<text lines="1" class="text_10">15654577841</text>
					</view>
					<view class="tag_2">
						<text lines="1" class="text_11">卡</text>
					</view>
					<view class="group_6">
						<view class="button_2">
							<text lines="1" class="text_12">活跃</text>
						</view>
						<view class="icon_6">
							智龙小程序
						</view>
						
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	const personal = require("@/api/personal/index.js");
	export default {
		data() {
			return {
				lineChartData: {},
				show: false,
				venuelist: [], //场馆列表
				itemChoose: {}, // 场馆数据
				itemChooselist: {}, // 场馆数据
				droplist: [{
					name: '价格由低到高',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/26d8a9fada06c95955c8ba81836aa4d8b927c35f.png',
				}, {
					name: '价格由高到低',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/26d8a9fada06c95955c8ba81836aa4d8b927c35f.png',
				}, {
					name: '销量排序',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/26d8a9fada06c95955c8ba81836aa4d8b927c35f.png',
				}],
				dropdownmenu: false,
				dateActives: '',
				currentTab: 0,
				current_Tab: 0,
				tabsList: [{
						name: '直推会员'
					},
					// {
					// 	name: '公海客户'
					// },
					{
						name: '间推会员'
					}
				],
				tabsList_s: [{
					name: '会员管理'
				}],
				studentlist: [{
						head_img: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/c7/2f68e33cb78b34dd21693863f714fb.jpg?attname=tmp_90a01b9bd3e863934b6a0a1cac82ba33.jpg",
						is_leave: 1,
						is_point: 1,
						mobile: "",
						name: "戴晓龙",
						id: 1
					},
					{
						head_img: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/c7/2f68e33cb78b34dd21693863f714fb.jpg?attname=tmp_90a01b9bd3e863934b6a0a1cac82ba33.jpg",
						is_leave: 1,
						is_point: 1,
						mobile: "",
						name: "李杰",
						id: 3
					}
				],
				selectList: [],
				isAllSelect: false, //是否全选
				bgMenuShow: false, //全局菜单弹窗
				selectItemId: -1,
				showMenu: true,
				type: ''
			}
		},
		onLoad(options) {
			this.type = options.type
			// 场馆数组
			if (uni.getStorageSync("entry_name") == '') {
				uni.showToast({
					title: '请登录！',
					icon: 'exception',
					duration: 850
				});
				setTimeout(() => {
					uni.navigateTo({
						url: '/pages/my-center/my-center'
					})
				}, 1000);
			}
			var data = uni.getStorageSync("wqzdy");
			var items = JSON.parse(data)
			this.venuelist = items
			this.itemChooselist = this.venuelist[0]
		},
		methods: {
			tianjiaclick() {
				uni.navigateTo({
					url: './member_Details/edit_members'
				})
			},
			change(event) {
				this.selectList = event.detail
				this.applicantlist = []
				this.selectList.forEach((ex, ix) => {
					this.studentlist.forEach((el, idx) => {
						if (ix == idx) {
							this.applicantlist.push(el.id)
						}
					})
				})
			},
			allChange(event) {
				this.isAllSelect = event.detail
				if (this.isAllSelect) {
					this.selectList = []
					this.studentlist.forEach((item, index) => {
						if (item.is_leave != 2) {
							this.selectList.push(index.toString())
						}
					})
					this.selectList = this.selectList
					this.applicantlist = []
					this.studentlist.forEach((el, idx) => {
						if (el.is_leave != 2) {
							this.applicantlist.push(el.id)
						}
					})
				} else {
					this.selectList = []
					this.applicantlist = []
				}
			},
			head_toggle(item) {
				this.pan_img = true
				this.court_pic = item.head_img
			},
			// 图片放大
			handledownload(item) {
				const that = this
				wx.downloadFile({
					url: court_pic,
					success: res => {
						if (res.statusCode === 200) {
							uni.saveImageToPhotosAlbum({
								filePath: res.tempFilePath,
								success: function() {
									uni.showToast({
										title: '保存成功',
										duration: 2000
									})

								},
								fail: function() {
									uni.showToast({
										title: '保存失败',
										duration: 2000
									})

								}
							})
						} else {
							uni.showToast({
								title: '保存失败',
								duration: 2000
							})
						}
					}
				})
			},
			toggle(item) {
				item.checked = !item.checked
				this.selectItemId = ''
				this.applicantlist = []
				this.studentlist.forEach((el, idx) => {
					if (el.checked) {
						this.applicantlist.push(el.id)
					}

				})
				// this.applicant = this.applicantlist.toString()
			},
			handOpenMenu(index) {
				this.selectItemId = index
			},
			async analyse() {
				let params = {
					venue_id: this.itemChooselist.id,
					sourceTab: this.nac
				};
				let res = await personal.analyse(params);
				if (res.code == 1) {
					this.lineChartData = res.data.lineChartData
				}
			},
			// 蒙版关闭
			dropdownmenulist() {
				this.dropdownmenu = false
			},
			// 打开蒙版/选择
			dropdownclick() {
				this.dropdownmenu = true
			},
			onClickTab({
				index
			}) {
				this.currentTab = index;
				this.selectItemId = ''
			},
			// 分类点击
			fieldclick(item, index) {
				this.dateActive = index
				setTimeout(() => {
					this.dropdownmenu = false
				}, 200)
			},
			commoditylist(item, index) {
				uni.navigateTo({
					url: './commodity_product'
				})
			},
			// 分类点击
			fieldclicks(item, index) {
				this.dateActives = index
			},
			merchantclick(item, index) {
			},
			selectclick(item, index) {
			},
			// 选中场馆
			onChangelist(item) {
				this.itemChoose = item
				this.lineChartData = []
				this.itemChooselist = this.itemChoose
				this.show = false

			},
			// 点击切换
			show_no() {
				this.show = true
			},
			// 关闭选择场馆弹窗
			showclose() {
				this.show = false
			},
			// 跳转会员详情
			huiyuanxiangq() {
				uni.navigateTo({
					url: './member_Details/member_Details'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.passenger-flow {
			width: 100%;
			height: 100vh;
			display: flex;
			flex-direction: column;
			background-color: rgb(255, 255, 255);
			padding: 0rpx 0 50rpx 0;
			position: relative;
	
			.con-1 {
				width: 100%;
				position: relative;
				padding: 0 20rpx;
				z-index: 999;
	
				.bg {
					width: 95%;
					height: 134rpx;
					background: #FFFFFF;
					box-shadow: 0rpx 13rpx 57rpx 0rpx rgba(8, 73, 162, 0.11);
					border-radius: 20rpx;
					position: fixed;
					z-index: 999;
					top: 20rpx;
	
					.address {
						color: #fff;
						padding-top: 20rpx;
						padding-right: 30rpx;
						padding-left: 30rpx;
						height: 150rpx;
	
						&-name {
							font-size: 34rpx;
							font-weight: 700;
							line-height: 34rpx;
							font-family: PingFang SC;
							color: #333333;
						}
	
						&-desc {
							margin-top: 18rpx;
							font-size: 22rpx;
							line-height: 22rpx;
							font-family: PingFang SC;
							color: #333333;
						}
	
						.exchange {
							width: 100rpx;
							height: 100rpx;
							border-radius: 50%;
							background-color: rgba(0, 0, 0, 0.04);
							color: rgb(0, 0, 0);
							font-size: 24rpx;
						}
					}
				}
			}
	
			/deep/ .good-box {
				height: 60vh;
				padding: 0px 30rpx;
				display: flex;
				flex-direction: column;
	
				.title {
					color: #000;
					font-size: 30rpx;
					font-weight: 700;
					margin-top: 40rpx;
				}
	
				.van-radio__label {
					line-height: inherit;
				}
	
				.good-list {
					flex: 1;
					height: 0;
					overflow: auto;
	
					.good-item {
						margin-top: 30rpx;
	
						.info {
							margin-left: 25rpx;
	
							.address {
								color: #fff;
								padding-top: 20rpx;
								padding-right: 30rpx;
								height: 70rpx;
	
								&-name {
									font-size: 34rpx;
									font-weight: 700;
									line-height: 34rpx;
								}
	
								&-desc {
									margin-top: 18rpx;
									font-size: 22rpx;
									line-height: 22rpx;
								}
	
								.exchange {
									width: 100rpx;
									height: 100rpx;
									border-radius: 50%;
									background-color: rgba(0, 0, 0, 0.2);
									color: rgb(234, 248, 248);
									font-size: 24rpx;
								}
							}
	
							.name {
								color: rgb(51, 51, 51);
								font-size: 30rpx;
								font-weight: 500;
								margin-bottom: 10rpx;
							}
	
	
							.tag {
								color: rgb(4, 179, 90);
								font-size: 24rpx;
								font-weight: 500;
								padding: 0px 10rpx;
								margin-right: 20rpx;
								background-color: rgba(4, 179, 90, 0.2);
								border-radius: 4rpx;
	
								&:nth-of-type(2) {
									color: rgb(236, 70, 246);
									background-color: rgba(236, 70, 246, 0.2);
								}
							}
	
							.address {
								margin-top: 10rpx;
								color: rgb(136, 136, 136);
								font-size: 22rpx;
							}
						}
	
					}
				}
	
				.footer {
					padding: 20rpx 0;
					background-color: rgb(255, 255, 255);
	
					.btn {
						color: rgb(255, 255, 255);
						font-size: 30rpx;
						font-weight: 700;
						padding: 20rpx 0;
						text-align: center;
						background-image: linear-gradient(0deg, rgb(99, 93, 247) 0%, rgb(165, 173, 246) 100%);
						border-radius: 60rpx;
					}
				}
			}
	
			.con-3 {
				width: 100%;
				height: 80rpx;
				background-color: rgb(248, 248, 248);
				color: rgb(51, 51, 51);
				font-size: 28rpx;
				font-weight: 700;
	
				.con-3_left {
					float: left;
					line-height: 80rpx;
					margin-left: 29rpx;
				}
	
				.con-3_right {
					float: right;
					line-height: 80rpx;
					color: rgb(90, 101, 255);
					margin-right: 29rpx;
				}
			}
	
	
			.title {
				font-size: 28rpx;
				font-weight: 700;
			}
	
			.box_9 {
				width: 750rpx;
				height: 100%;
				// margin-bottom: 1rpx;
				display: flex;
				flex-direction: column;
	
	
				// /deep/.u-tabs {
				// 	background-color: #fff;
				// 	margin: 0 30rpx;
	
				// 	.u-tabs__wrapper__nav__item {
				// 		flex: 1;
				// 	}
	
				// 	.u-tabs__wrapper__nav__line {
				// 		bottom: 0;
				// 	}
				// }
	
				.image-wrapper_7 {
					position: absolute;
					left: 30rpx;
					top: 30rpx;
					width: 600rpx;
					height: 62rpx;
					flex-direction: row;
					display: flex;
				}
	
				.box_11 {
					position: fixed;
					left: 0rpx;
					top: 0;
					width: 100%;
					height: 130rpx;
					display: flex;
					flex-direction: column;
					z-index: 999;
					background: #ffffff;
				}
	
				.label_list {
					display: flex;
					flex-direction: column;
					position: absolute;
					justify-content: center;
					/* 相对父元素水平居中 */
					align-items: center;
					/*  子元素相对父元素垂直居中 */
					right: 90rpx;
					width: 80rpx;
					top: 27rpx;
	
					.label_7 {
						width: 36rpx;
						height: 36rpx;
					}
	
					.label_77 {
						width: 60rpx;
						height: 36rpx;
						color: #333333;
						font-size: 26rpx;
						text-align: center;
					}
				}
	
				.label8_list {
					display: flex;
					flex-direction: column;
					position: absolute;
					justify-content: center;
					/* 相对父元素水平居中 */
					align-items: center;
					/*  子元素相对父元素垂直居中 */
					right: 20rpx;
					width: 80rpx;
					top: 27rpx;
	
					.label_8 {
						width: 36rpx;
						height: 36rpx;
					}
	
					.label_88 {
						width: 60rpx;
						height: 36rpx;
						color: #333333;
						font-size: 26rpx;
						text-align: center;
					}
				}
	
				.section_5 {
					width: 690rpx;
					height: 130rpx;
					flex-direction: row;
					display: flex;
					margin: 24rpx 0 0 32rpx;
					border-bottom: 1rpx #e5e5e5 solid;
	
					.single-avatar_1 {
						display: flex;
						flex-direction: column;
	
						image {
							border-radius: 50%;
							width: 100rpx;
							height: 100rpx;
						}
					}
	
					.group_5 {
						width: 225rpx;
						height: 84rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin: 3rpx 0 0 26rpx;
					}
	
					.box_1 {
						width: 225rpx;
						height: 40rpx;
						flex-direction: row;
						display: flex;
						justify-content: space-between;
					}
	
					.text_8 {
						width: 88rpx;
						height: 29rpx;
						overflow-wrap: break-word;
						color: rgba(51, 51, 51, 1);
						font-size: 30rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 34rpx;
						margin-top: 6rpx;
					}
	
					.tag_1 {
						background-image: linear-gradient(270deg, rgba(204, 168, 121, 1.000000) 0, rgba(204, 168, 121, 1.000000) 0, rgba(229, 199, 152, 1.000000) 100.000000%, rgba(229, 199, 152, 1.000000) 100.000000%);
						border-radius: 6rpx;
						height: 40rpx;
						display: flex;
						flex-direction: column;
						width: 112rpx;
					}
	
					.text_9 {
						width: 94rpx;
						height: 23rpx;
						overflow-wrap: break-word;
						color: rgba(108, 62, 0, 1);
						font-size: 24rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 22rpx;
						margin: 8rpx 0 0 9rpx;
					}
	
					.text_10 {
						width: 167rpx;
						height: 20rpx;
						overflow-wrap: break-word;
						color: rgba(190, 190, 190, 1);
						font-size: 26rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 34rpx;
						margin: 24rpx 0 0 2rpx;
					}
	
					.tag_2 {
						background-image: linear-gradient(270deg, rgba(172, 122, 255, 1.000000) 0, rgba(172, 122, 255, 1.000000) 0, rgba(234, 194, 255, 1.000000) 100.000000%, rgba(234, 194, 255, 1.000000) 100.000000%);
						border-radius: 6rpx;
						height: 40rpx;
						display: flex;
						flex-direction: column;
						width: 40rpx;
						margin: 3rpx 0 0 20rpx;
					}
	
					.text_11 {
						width: 22rpx;
						height: 23rpx;
						overflow-wrap: break-word;
						color: rgba(255, 255, 255, 1);
						font-size: 24rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 34rpx;
						margin: 3rpx 0 0 9rpx;
					}
	
					.group_6 {
						width: 160rpx;
						height: 92rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						position: absolute;
						right: 30rpx;
	
						// margin: 3rpx 0 0 201rpx;
						.icon_6 {
							// background-color: rgba(243, 243, 243, 1.000000);
							// border-radius: 18rpx;
							width: 160rpx;
							height: 36rpx;
							flex-direction: row;
							display: flex;
							margin: 16rpx 0 0 1rpx;
							font-size: 24rpx;
							color: #999999;
						}
	
						.box_2 {
							background-color: rgba(51, 51, 51, 1.000000);
							border-radius: 50%;
							width: 8rpx;
							height: 8rpx;
							display: flex;
							flex-direction: column;
							margin: 14rpx 0 0 21rpx;
						}
	
						.box_3 {
							background-color: rgba(51, 51, 51, 1.000000);
							border-radius: 50%;
							width: 8rpx;
							height: 8rpx;
							display: flex;
							flex-direction: column;
							margin: 14rpx 0 0 6rpx;
						}
	
						.box_4 {
							background-color: rgba(51, 51, 51, 1.000000);
							border-radius: 50%;
							width: 8rpx;
							height: 8rpx;
							display: flex;
							flex-direction: column;
							margin: 14rpx 20rpx 0 6rpx;
						}
					}
	
					.group_qian {
						width: 78rpx;
						height: 92rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						position: absolute;
						right: 30rpx;
						top: 70rpx;
	
						// margin: 3rpx 0 0 201rpx;
						.icon_6 {
							background-color: rgba(243, 243, 243, 1.000000);
							border-radius: 18rpx;
							width: 77rpx;
							height: 36rpx;
							flex-direction: row;
							display: flex;
							margin: 16rpx 0 0 1rpx;
						}
	
						.box_2 {
							background-color: rgba(51, 51, 51, 1.000000);
							border-radius: 50%;
							width: 8rpx;
							height: 8rpx;
							display: flex;
							flex-direction: column;
							margin: 14rpx 0 0 21rpx;
						}
	
						.box_3 {
							background-color: rgba(51, 51, 51, 1.000000);
							border-radius: 50%;
							width: 8rpx;
							height: 8rpx;
							display: flex;
							flex-direction: column;
							margin: 14rpx 0 0 6rpx;
						}
	
						.box_4 {
							background-color: rgba(51, 51, 51, 1.000000);
							border-radius: 50%;
							width: 8rpx;
							height: 8rpx;
							display: flex;
							flex-direction: column;
							margin: 14rpx 20rpx 0 6rpx;
						}
					}
	
					.button_2 {
						background-color: rgba(255, 65, 5, 0.100000);
						border-radius: 6rpx;
						height: 40rpx;
						display: flex;
						flex-direction: column;
						width: 78rpx;
					}
	
					.text_12 {
						width: 47rpx;
						height: 22rpx;
						overflow-wrap: break-word;
						color: rgba(255, 98, 0, 1);
						font-size: 24rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 24rpx;
						margin: 9rpx 0 0 16rpx;
					}
	
	
				}
	
				//可以多选
				.list {
					width: 100%;
					flex: 1;
					height: 0;
					padding: 0 30rpx;
					box-sizing: border-box;
	
					.item {
						// padding: 30rpx 0;
						width: 100%;
						border-bottom: 2rpx solid rgb(229, 229, 229);
	
						&:last-of-type {
							border: none;
	
							// .menu-list {
							// 	bottom: 0;
							// }
						}
	
						/deep/ .van-checkbox {
							overflow: inherit;
						}
	
						/deep/ .van-checkbox__label {
							flex: 1;
						}
	
						.desc {
							color: rgb(153, 153, 153);
							font-size: 22rpx;
							font-weight: 500;
							line-height: 21rpx;
							padding: 20rpx 20rpx 54rpx;
							background-color: rgb(243, 243, 243);
							border-radius: 5rpx;
							margin-left: 164rpx;
							margin-top: 14rpx;
							position: relative;
	
							&:before {
								content: '';
								display: block;
								position: absolute;
								top: -20rpx;
								left: 18rpx;
								border-left: 12rpx solid transparent;
								border-right: 12rpx solid transparent;
								border-top: 0rpx solid transparent;
								border-bottom: 20rpx solid rgb(243, 243, 243);
							}
						}
	
						.item-detail {
							.avatar {
								position: relative;
								margin-right: 20rpx;
	
								.age {
									position: absolute;
									padding: 3rpx 0 3rpx;
									width: 60rpx;
									text-align: center;
									background-color: rgb(47, 117, 250);
									border-radius: 30rpx;
									color: rgb(255, 255, 255);
									font-size: 22rpx;
									left: 0;
									right: 0;
									margin: auto;
									bottom: -5rpx;
									z-index: 2;
								}
	
								.age-1 {
									background-color: rgb(255, 95, 255);
									position: absolute;
									padding: 3rpx 0 3rpx;
									width: 60rpx;
									text-align: center;
									border-radius: 30rpx;
									color: rgb(255, 255, 255);
									font-size: 22rpx;
									left: 0;
									right: 0;
									margin: auto;
									bottom: -5rpx;
									z-index: 2;
								}
							}
	
							.name {
								color: rgb(51, 51, 51);
								font-size: 28rpx;
								font-weight: 500;
								margin-bottom: 10rpx;
							}
	
							// 签到
							.qiandao {
								.age {
									position: absolute;
									padding: 3rpx 0 3rpx;
									width: 60rpx;
									text-align: center;
									background-color: rgb(47, 117, 250);
									border-radius: 30rpx;
									color: rgb(255, 255, 255);
									font-size: 22rpx;
									left: -310rpx;
									right: 0;
									margin: auto;
									bottom: 15rpx;
									z-index: 2;
								}
	
								.age-1 {
									background-color: rgb(255, 95, 255);
									position: absolute;
									padding: 3rpx 0 3rpx;
									width: 60rpx;
									text-align: center;
									border-radius: 30rpx;
									color: rgb(255, 255, 255);
									font-size: 22rpx;
									left: -310rpx;
									right: 0;
									margin: auto;
									bottom: 15rpx;
									z-index: 2;
								}
	
								.qian-item {
									font-size: 22rpx;
									font-weight: 500;
									margin-right: 20rpx;
	
									.label {
										color: rgb(107, 196, 113);
										margin-right: 4rpx;
									}
								}
							}
	
							.qingjia {
								display: flex;
	
								.qingjia-item {
									width: 73rpx;
									height: 30rpx;
									background-color: rgba(250, 63, 63, 0.2);
									border-radius: 5rpx;
									border: solid 2rpx rgb(250, 63, 63);
									color: rgb(250, 63, 63);
									font-size: 22rpx;
									font-weight: 500;
									margin-right: 20rpx;
								}
							}
	
						}
	
						.menu-box {
							position: absolute;
							right: 0rpx;
							top: 22%;
	
							.group_6 {
								width: 78rpx;
								height: 92rpx;
								display: flex;
								flex-direction: column;
								justify-content: space-between;
								position: absolute;
								right: 30rpx;
	
								// margin: 3rpx 0 0 201rpx;
								.icon_6 {
									background-color: rgba(243, 243, 243, 1.000000);
									border-radius: 18rpx;
									width: 77rpx;
									height: 36rpx;
									flex-direction: row;
									display: flex;
									margin: 16rpx 0 0 1rpx;
								}
	
								.box_2 {
									background-color: rgba(51, 51, 51, 1.000000);
									border-radius: 50%;
									width: 8rpx;
									height: 8rpx;
									display: flex;
									flex-direction: column;
									margin: 14rpx 0 0 21rpx;
								}
	
								.box_3 {
									background-color: rgba(51, 51, 51, 1.000000);
									border-radius: 50%;
									width: 8rpx;
									height: 8rpx;
									display: flex;
									flex-direction: column;
									margin: 14rpx 0 0 6rpx;
								}
	
								.box_4 {
									background-color: rgba(51, 51, 51, 1.000000);
									border-radius: 50%;
									width: 8rpx;
									height: 8rpx;
									display: flex;
									flex-direction: column;
									margin: 14rpx 20rpx 0 6rpx;
								}
							}
	
							.box_20 {
								background-color: rgba(0, 0, 0, 1);
								border-radius: 10rpx;
								position: relative;
								width: 309rpx;
								height: 105rpx;
								flex-direction: row;
								display: flex;
								right: 40rpx;
								top: 49rpx;
								z-index: 99;
	
								.image-text_4 {
									width: 34rpx;
									height: 62rpx;
									display: flex;
									flex-direction: column;
									justify-content: space-between;
									margin: 20rpx 0 0 28rpx;
								}
	
								.icon_5 {
									width: 30rpx;
									height: 30rpx;
									margin-left: 2rpx;
								}
	
								.text-group_4 {
									width: 34rpx;
									height: 18rpx;
									overflow-wrap: break-word;
									color: rgba(255, 255, 255, 1);
									font-size: 18rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 24rpx;
									margin-top: 14rpx;
								}
	
								.image-text_5 {
									width: 36rpx;
									height: 65rpx;
									display: flex;
									flex-direction: column;
									justify-content: space-between;
									margin: 17rpx 0 0 37rpx;
								}
	
								.icon_67 {
									width: 32rpx;
									height: 32rpx;
									margin-left: 2rpx;
								}
	
								.text-group_5 {
									width: 36rpx;
									height: 18rpx;
									overflow-wrap: break-word;
									color: rgba(255, 255, 255, 1);
									font-size: 18rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 24rpx;
									margin-top: 15rpx;
								}
	
								.image-text_6 {
									width: 36rpx;
									height: 65rpx;
									display: flex;
									flex-direction: column;
									justify-content: space-between;
									margin: 18rpx 0 0 37rpx;
								}
	
								.icon_7 {
									width: 32rpx;
									height: 32rpx;
									margin-left: 2rpx;
								}
	
								.text-group_6 {
									width: 36rpx;
									height: 18rpx;
									overflow-wrap: break-word;
									color: rgba(255, 255, 255, 1);
									font-size: 18rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 24rpx;
									margin-top: 15rpx;
								}
	
								.image_4 {
									position: absolute;
									left: 267rpx;
									top: -13rpx;
									width: 28rpx;
									height: 14rpx;
								}
							}
	
							.menu-list {
								position: absolute;
								background-color: rgb(255, 255, 255);
								box-shadow: 0px 4rpx 4rpx rgba(0, 0, 0, 0.05);
								border-radius: 24rpx;
								right: 50rpx;
								z-index: 3;
								// opacity: 0;
								height: 0;
								transition: opacity 0.5s;
								overflow: hidden;
								top: 0;
	
								.item {
									color: rgb(51, 51, 51);
									font-size: 26rpx;
									font-weight: 500;
									border-bottom: solid 2rpx rgb(238, 238, 238);
									padding: 27rpx 30rpx;
									white-space: nowrap;
	
									view {
										margin-left: 12rpx;
									}
								}
							}
	
							image {
								width: 8rpx;
								height: 30rpx;
							}
	
							.active {
								height: auto;
								opacity: 1;
							}
						}
					}
				}
	
			}
	
	
	
			.cons_contenter {
				position: absolute;
				animation-duration: 0.2s;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 99;
				background-color: rgba(0, 0, 0, 0.7);
				transition: opacity 0.3s;
			}
	
			.cons_con {
				position: absolute;
				animation-duration: 0.2s;
				width: 100%;
				height: auto;
				top: 270rpx;
				left: 0;
				z-index: 999;
				background-color: #fff;
				transition: opacity 0.3s;
			}
	
			.cons_con_contenter {
				width: 90%;
				height: 80rpx;
				// padding: 0 30rpx;
				border-bottom: 1rpx #e5e5e5 solid;
				margin-left: 5%;
			}
	
			.date-item_right {
				color: #e5e5e5;
				float: right;
			}
	
			.date-item_left {
				float: left;
			}
	
			.image_19-0 {
				width: 30rpx;
				height: 30rpx;
				margin-top: 25rpx;
				margin-left: 30rpx;
			}
	
			.actives {
				color: #886cff;
				font-size: 28rpx;
				text-align: left;
				margin: 20rpx 0 0 27rpx;
			}
	
			.footer {
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				background-color: rgb(255, 255, 255);
				box-shadow: 0px -8rpx 51rpx rgba(0, 0, 0, 0.04);
				padding: 30rpx 30rpx;
	
				/deep/ .van-checkbox__label {
					flex: 1;
				}
	
				.label {
					color: rgb(51, 51, 51);
					font-size: 26rpx;
					font-weight: 500;
				}
	
				image {
					width: 50rpx;
					height: 50rpx;
				}
			}
			.menu-box {
				position: absolute;
				right: 0rpx;
				top: 22%;
			
				.group_6 {
					width: 78rpx;
					height: 92rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					position: absolute;
					right: 30rpx;
			
					// margin: 3rpx 0 0 201rpx;
					.icon_6 {
						background-color: rgba(243, 243, 243, 1.000000);
						border-radius: 18rpx;
						width: 77rpx;
						height: 36rpx;
						flex-direction: row;
						display: flex;
						margin: 16rpx 0 0 1rpx;
					}
			
					.box_2 {
						background-color: rgba(51, 51, 51, 1.000000);
						border-radius: 50%;
						width: 8rpx;
						height: 8rpx;
						display: flex;
						flex-direction: column;
						margin: 14rpx 0 0 21rpx;
					}
			
					.box_3 {
						background-color: rgba(51, 51, 51, 1.000000);
						border-radius: 50%;
						width: 8rpx;
						height: 8rpx;
						display: flex;
						flex-direction: column;
						margin: 14rpx 0 0 6rpx;
					}
			
					.box_4 {
						background-color: rgba(51, 51, 51, 1.000000);
						border-radius: 50%;
						width: 8rpx;
						height: 8rpx;
						display: flex;
						flex-direction: column;
						margin: 14rpx 20rpx 0 6rpx;
					}
				}
			
				.box_20 {
					background-color: rgba(0, 0, 0, 1);
					border-radius: 10rpx;
					position: relative;
					width: 309rpx;
					height: 105rpx;
					flex-direction: row;
					display: flex;
					right: 40rpx;
					top: 49rpx;
					z-index: 99;
			
					.image-text_4 {
						width: 34rpx;
						height: 62rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin: 20rpx 0 0 28rpx;
					}
			
					.icon_5 {
						width: 30rpx;
						height: 30rpx;
						margin-left: 2rpx;
					}
			
					.text-group_4 {
						width: 34rpx;
						height: 18rpx;
						overflow-wrap: break-word;
						color: rgba(255, 255, 255, 1);
						font-size: 18rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 24rpx;
						margin-top: 14rpx;
					}
			
					.image-text_5 {
						width: 36rpx;
						height: 65rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin: 17rpx 0 0 37rpx;
					}
			
					.icon_67 {
						width: 32rpx;
						height: 32rpx;
						margin-left: 2rpx;
					}
			
					.text-group_5 {
						width: 36rpx;
						height: 18rpx;
						overflow-wrap: break-word;
						color: rgba(255, 255, 255, 1);
						font-size: 18rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 24rpx;
						margin-top: 15rpx;
					}
			
					.image-text_6 {
						width: 36rpx;
						height: 65rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin: 18rpx 0 0 37rpx;
					}
			
					.icon_7 {
						width: 32rpx;
						height: 32rpx;
						margin-left: 2rpx;
					}
			
					.text-group_6 {
						width: 36rpx;
						height: 18rpx;
						overflow-wrap: break-word;
						color: rgba(255, 255, 255, 1);
						font-size: 18rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 24rpx;
						margin-top: 15rpx;
					}
			
					.image_4 {
						position: absolute;
						left: 267rpx;
						top: -13rpx;
						width: 28rpx;
						height: 14rpx;
					}
				}
			
				.menu-list {
					position: absolute;
					background-color: rgb(255, 255, 255);
					box-shadow: 0px 4rpx 4rpx rgba(0, 0, 0, 0.05);
					border-radius: 24rpx;
					right: 50rpx;
					z-index: 3;
					// opacity: 0;
					height: 0;
					transition: opacity 0.5s;
					overflow: hidden;
					top: 0;
			
					.item {
						color: rgb(51, 51, 51);
						font-size: 26rpx;
						font-weight: 500;
						border-bottom: solid 2rpx rgb(238, 238, 238);
						padding: 27rpx 30rpx;
						white-space: nowrap;
			
						view {
							margin-left: 12rpx;
						}
					}
				}
			
				image {
					width: 8rpx;
					height: 30rpx;
				}
			
				.active {
					height: auto;
					opacity: 1;
				}
			}
		}
</style>